<template>
  <div>
    <div class="logo">
      <router-link to="/home" tag="div">
        <img src="static/img/logo.png" alt="核客社区" class="logo-pic">
      </router-link>
    </div>

    <div class="nav">
      <ul>
        <li>
          <router-link to="/home" tag="a">
            <div>首页</div>
          </router-link>
        </li>
        <li>
          <router-link :to="{path: '/'}" tag="a">
            <div>新帖</div>
          </router-link>
        </li>
        <li>
          <a href="http://www.sunsheen.cn/sssite/site/index/index.xhtml" title="公司网站官网" target="_blank">
            <div>淞幸科技</div>
          </a>
        </li>
        <li>
          <a href="http://www.hearker.com/community/index.xhtml" target="_blank">
            <div>核客社区</div>
          </a>
        </li>
        <li>
          <a href="http://hearken.demo.sunsheen.cn/hearken/" title="核格集成开发平台J2EE4.2源码开发示例" target="_blank">
            <div>开发示例</div>
          </a>
        </li>
      </ul>
    </div>

  </div>
</template>

<script>
export default {
  name: 'HeaderUsual'
}
</script>

<style lang="stylus" scoped>
  .logo,.nav
    float: left
    height: 100%
  .logo div:hover
    cursor: pointer 
  .logo-pic
    left: 0
  .nav
    font-size: .28rem
    margin-right: .4rem
  .nav ul li
    float: left
  .nav ul li a:hover
    color: black
    text-decoration: underline
  .nav ul li a div
    height: .9rem;
    color: black
    font-weight: bold
    padding: 0 0.3rem
</style>